{{include file="public/header" /}}

<!-- header top nav -->
{{include file="public/header_top_nav" /}}

<!-- search -->
{{include file="public/nav_search" /}}

<!-- header nav -->
{{include file="public/header_nav" /}}

<!-- goods category -->
{{include file="public/goods_category" /}}

<!-- content -->
<div class="am-container user-main">
    <!-- user menu start -->
    {{include file="public/user_menu" /}}
  <!-- user menu end -->

  <!-- content start -->
  <div class="user-content">
    <div class="user-content-body">
            <!-- form start -->
            <form class="am-form form-validation am-form-full-screen" action="{{:MyUrl('index/personal/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('index/personal/index')}}">
                <legend>
                    <span class="am-text-default">{{:MyLang('personal.edit_browser_seo_title')}}</span>
                    <a href="{{:MyUrl('index/personal/index')}}" class="am-fr am-text-xs am-margin-top-sm am-icon-mail-reply"> {{:MyLang('retreat_title')}}</a>
                </legend>
                <div class="am-cf">
                    <div class="am-u-sm-6 am-padding-horizontal-0">
                        <div class="am-form-group">
                            <label>{{:MyLang('personal.form_item_nickname')}}<span class="am-form-group-label-tips-must">*</span></label>
                            <input type="text" name="nickname" placeholder="{{:MyLang('personal.form_item_nickname')}}" minlength="2" maxlength="16" data-validation-message="{{:MyLang('personal.form_item_nickname_message')}}" class="am-radius" value="{{if !empty($data['nickname'])}}{{$data.nickname}}{{/if}}"required />
                        </div>
                    </div>
                    <div class="am-u-sm-6 am-padding-horizontal-0">
                        <div class="am-form-group">
                            <label>{{:MyLang('personal.form_item_birthday')}}</label>
                            <input type="text" name="birthday" class="am-form-field am-radius Wdate" placeholder="{{:MyLang('personal.form_item_birthday')}}" data-validation-message="{{:MyLang('personal.form_item_birthday_message')}}" value="{{if !empty($data['birthday'])}}{{$data.birthday}}{{/if}}" onclick="WdatePicker({firstDayOfWeek:1,dateFmt:'yyyy-MM-dd'})" autocomplete="off" />
                        </div>
                    </div>
                </div>
                <div class="am-cf">
                    <div class="am-u-sm-12 am-u-md-6 am-padding-horizontal-0">
                        <div class="am-cf">
                            <div class="am-u-sm-4 am-padding-horizontal-0">
                                <div class="am-form-group">
                                    <label>{{:MyLang('personal.form_item_province')}}</label>
                                    <input type="text" placeholder="{{:MyLang('personal.form_item_province')}}" name="province" data-validation-message="{{:MyLang('personal.form_item_province_message')}}" class="am-radius" value="{{if !empty($data['province'])}}{{$data.province}}{{/if}}" />
                                </div>
                            </div>
                            <div class="am-u-sm-4 am-padding-horizontal-0">
                                <div class="am-form-group">
                                    <label>{{:MyLang('personal.form_item_city')}}</label>
                                    <input type="text" placeholder="{{:MyLang('personal.form_item_city')}}" name="city" data-validation-message="{{:MyLang('personal.form_item_city_message')}}" class="am-radius" value="{{if !empty($data['city'])}}{{$data.city}}{{/if}}" />
                                </div>
                            </div>
                            <div class="am-u-sm-4 am-padding-horizontal-0">
                                <div class="am-form-group">
                                    <label>{{:MyLang('personal.form_item_county')}}</label>
                                    <input type="text" placeholder="{{:MyLang('personal.form_item_county')}}" name="county" data-validation-message="{{:MyLang('personal.form_item_county_message')}}" class="am-radius" value="{{if !empty($data['county'])}}{{$data.county}}{{/if}}" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-padding-horizontal-0">
                        <div class="am-form-group">
                            <label>{{:MyLang('personal.form_item_address')}}</label>
                            <input type="text" placeholder="{{:MyLang('personal.form_item_address')}}" name="address" maxlength="80" data-validation-message="{{:MyLang('personal.form_item_address_message')}}" class="am-radius" value="{{if !empty($data['address'])}}{{$data.address}}{{/if}}" />
                        </div>
                    </div>
                </div>
                {{include file="lib/gender" /}}
                <div class="am-form-group am-form-group-refreshing am-margin-top-lg am-padding-horizontal-0">
                    <button type="submit" class="am-btn am-btn-primary am-radius btn-loading-example am-btn-sm am-btn-block" data-am-loading="{loadingText:'{{:MyLang('processing_tips')}}'}">{{:MyLang('save_title')}}</button>
                </div>
            </form>
            <!-- form end -->
        </div>
    </div>
  <!-- content end -->
</div>

<!-- footer start -->
{{include file="public/footer" /}}
<!-- footer end -->